﻿@{
    ViewBag.Title = "ProductDetail";
    Layout = "~/Views/Shared/MasterPage.cshtml";
}
<script type="text/javascript" src="~/js/jquery.js"></script>
<script src="~/Scripts/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="~/js/easySlider1.7.js"></script>
<script type="text/javascript" src="~/js/stickytooltip.js"></script>
<link href="~/Content/homepage.css" rel="stylesheet" />
<script type="text/javascript">
    $(document).ready(function () {
        $("#slider").easySlider({
            auto: true,
            continuous: true,
            nextId: "slider1next",
            prevId: "slider1prev"

        });

    });
</script>
<div id="main-content">
    <div class="main">
        <ul>
            <li><a href="#">Trang chủ</a></li>
            <li><a href="#">Danh mục sách</a>
                <ul>
                    <li><a href="#">Khoa học</a></li>
                    <li><a href="#">Công nghệ thông tin</a></li>
                    <li><a href="#">Pháp luật</a></li>
                    <li><a href="#">Nấu ăn</a></li>
                    <li><a href="#">Truyện trinh thám</a></li>
                </ul>
            </li>
            <li><a href="#">Nhà xuất bản</a>
                <ul>
                    <li><a href="#">NXB Kim Đồng</a></li>
                    <li><a href="#">NXB Thanh Hóa</a></li>
                    <li><a href="#">NXB Giáo dục</a></li>
                </ul>
            </li>
            <li><a href="#">Tác giả</a>
                <ul>
                    <li><a href="#">Nguyễn Văn A</a></li>
                    <li><a href="#">Trần Thị B</a></li>
                    <li><a href="#">Phạm Trần Thanh Phong</a></li>
                </ul>
            </li>
            <li><a href="#">Hỏi/Đáp</a></li>
            <li><a href="#">Liên Hệ</a></li>
        </ul>
    </div>
    <div id="slider" style="margin-left: 100px;">
        <ul>
            <li><a href="#">
                <img src="~/ImageResource/book/03.jpg" /></a></li>
            <li><a href="#">
                <img src="~/ImageResource/book/02.jpg" /></a></li>
            <li><a href="#">
                <img src="~/ImageResource/book/03.jpg" /></a></li>
            <li><a href="#">
                <img src="~/ImageResource/book/04.jpg" /></a></li>

        </ul>
    </div>

</div>

<div id="right">
     <div id="author">
        <div id="left" >
            <a href="#" ><img  src="~/ImageResource/book/ms004.jpg" width="117px" height="181px" /></a>
        </div>
        <div id="author-right">
            <h3>SÁCH HAY TRONG THÁNG</h3>
            <h4 id="book-of-month">thằng bờm có cái quạt mo</h4>
            <p>
                Na Lan được người chị họ Thành Lộ mời đi du lịch trượt tuyết ở núi Trường Bạch cùng vài người nữa. Sang ngày thứ ba, họ bị một trận bão tuyết dữ dội chưa từng có vây hãm trong ngôi nhà gỗ biệt lập, mất điện, mất liên lạc với bên ngoài. Na Lan dần nhận ra các bạn đồng hành đều trở nên kỳ quái, hình như ai cũng đầy toan tính độc địa, bản thân cô cũng luôn bị ảo giác, mất trí nhớ, rơi vào trạng thái suy sụp. Kinh khủng hơn nữa là, trong không gian bị thế giới lãng quên ấy, từng thành viên lần lượt mất tích hoặc thiệt mạng một cách hết sức bí hiểm. Mọi người không ngớt nghi kỵ lẫn nhau, còn hung thủ và sự thật dường như mãi mãi là ẩn số.

Na Lan cùng các thành viên sống sót trốn khỏi căn nhà gỗ ma quái, chạy ra rừng tuyết mênh mang, nào ngờ lại dấn thân vào một nẻo đường còn kinh hoàng gấp bội...
            <a href="#">Xem tiếp</a>
            </p>
        </div>
    </div>
    <div class="bbox">
        <a class="headlink" href="#" title="Xem tiếp">Xem tiếp »</a>
        <h2 class="orange">SÁCH NỔI BẬT</h2>
        <div class="bboxbody" style="background: #ffe9d5">
            <div class="mbooklist">
                <div class="rows">
                    <div class="mbook">
                        <a href="#" data-tooltip="sticky1"><img data-tooltip="sticky1" src="~/ImageResource/book/ms001.jpg" /></a>
                    </div>
                    <div class="mbook">
                         <a href="#" data-tooltip="sticky1"><img data-tooltip="sticky1" src="~/ImageResource/book/ms002.jpg" /></a>
                    </div>
                    <div class="mbook">
                         <a href="#" data-tooltip="sticky1"><img data-tooltip="sticky1" src="~/ImageResource/book/ms003.jpg" /></a>
                    </div>
                    <div class="mbook">
                         <a href="#" data-tooltip="sticky1"><img data-tooltip="sticky1" src="~/ImageResource/book/ms004.jpg" /></a>
                    </div>
                    <img src="~/ImageResource/row-product.png" />
                </div>
            </div>
        </div>
    </div>
   
    <div class="bbox">
        <a class="headlink" href="#" title="Xem tiếp">Xem tiếp »</a>
        <h2 class="blue">SÁCH NỔI BẬT</h2>
        <div class="bboxbody">
            <div class="mbooklist">
               <div class="rows">
                    <div class="mbook">
                        <a href="#" data-tooltip="sticky1"><img data-tooltip="sticky1" src="~/ImageResource/book/ms001.jpg" /></a>
                    </div>
                    <div class="mbook">
                         <a href="#" data-tooltip="sticky1"><img data-tooltip="sticky1" src="~/ImageResource/book/ms002.jpg" /></a>
                    </div>
                    <div class="mbook">
                         <a href="#" data-tooltip="sticky1"><img data-tooltip="sticky1" src="~/ImageResource/book/ms003.jpg" /></a>
                    </div>
                    <div class="mbook">
                         <a href="#" data-tooltip="sticky1"><img data-tooltip="sticky1" src="~/ImageResource/book/ms004.jpg" /></a>
                    </div>
                    <img src="~/ImageResource/row-product.png" />
                </div>
                 <div class="rows">
                    <div class="mbook">
                        <a href="#" data-tooltip="sticky1"><img data-tooltip="sticky1" src="~/ImageResource/book/ms001.jpg" /></a>
                    </div>
                    <div class="mbook">
                         <a href="#" data-tooltip="sticky1"><img data-tooltip="sticky1" src="~/ImageResource/book/ms002.jpg" /></a>
                    </div>
                    <div class="mbook">
                         <a href="#" data-tooltip="sticky1"><img data-tooltip="sticky1" src="~/ImageResource/book/ms003.jpg" /></a>
                    </div>
                    <div class="mbook">
                         <a href="#" data-tooltip="sticky1"><img data-tooltip="sticky1" src="~/ImageResource/book/ms004.jpg" /></a>
                    </div>
                    <img src="~/ImageResource/row-product.png" />
                </div>
            </div>
        </div>
    </div>
    <div class="bbox">
        <a class="headlink" href="#" title="Xem tiếp">Xem tiếp »</a>
        <h2 class="red">SÁCH NỔI BẬT</h2>
        <div class="bboxbody">
            <div class="mbooklist">
                <div class="rows">
                    <div class="mbook">
                        <a href="#" data-tooltip="sticky1"><img data-tooltip="sticky1" src="~/ImageResource/book/ms001.jpg" /></a>
                    </div>
                    <div class="mbook">
                         <a href="#" data-tooltip="sticky1"><img data-tooltip="sticky1" src="~/ImageResource/book/ms002.jpg" /></a>
                    </div>
                    <div class="mbook">
                         <a href="#" data-tooltip="sticky1"><img data-tooltip="sticky1" src="~/ImageResource/book/ms003.jpg" /></a>
                    </div>
                    <div class="mbook">
                         <a href="#" data-tooltip="sticky1"><img data-tooltip="sticky1" src="~/ImageResource/book/ms004.jpg" /></a>
                    </div>
                    <img src="~/ImageResource/row-product.png" />
                </div>
                 <div class="rows">
                    <div class="mbook">
                        <a href="#" data-tooltip="sticky1"><img data-tooltip="sticky1" src="~/ImageResource/book/ms001.jpg" /></a>
                    </div>
                    <div class="mbook">
                         <a href="#" data-tooltip="sticky1"><img data-tooltip="sticky1" src="~/ImageResource/book/ms002.jpg" /></a>
                    </div>
                    <div class="mbook">
                         <a href="#" data-tooltip="sticky1"><img data-tooltip="sticky1" src="~/ImageResource/book/ms003.jpg" /></a>
                    </div>
                    <div class="mbook">
                         <a href="#" data-tooltip="sticky1"><img data-tooltip="sticky1" src="~/ImageResource/book/ms004.jpg" /></a>
                    </div>
                    <img src="~/ImageResource/row-product.png" />
                </div>
            </div>
        </div>
    </div>
    -->
</div>


<div id="mystickytooltip" class="stickytooltip">
     <div id="sticky1">
            <div>
                <div  id="st-left">
                    <img src="~/ImageResource/book/ms001.jpg" width ="117" height="181"/>
                </div>
                <div id ="st-right">
                     <h1 id="namebook">BÍ ẨN VỀ TOÁN HỌC</h1>
                    <table id="st-table" cellpadding="5" cellspacing="0">
                        <thead>
                            <th style="width:100px;"></th>
                            <th style="width:auto;"></th>
                        </thead>
                        <tbody>
                            <tr>
                                <td>
                                    <p style="font-size: 13px">Thể loại</p>
                                </td>
                                <td>
                                    <p style="font-size: 13px">Truyện thiếu nhi</p>
                                </td>
                            </tr>
                            <tr class="row2">
                                <td>
                                    <p style="font-size: 13px">Mã sách</p>
                                </td>
                                <td>
                                    <p style="font-size: 13px">MS001</p>
                                </td>
                            </tr>
                            <tr class="row2">
                                <td>
                                    <p style="font-size: 13px">Tác giả</p>
                                </td>
                                <td>
                                    <p style="font-size: 13px">Thanh Phong</p>
                                </td>
                            </tr>
                            <tr class="row2">
                                <td>
                                    <p style="font-size: 13px">Giá</p>
                                </td>
                                <td>
                                    <p style="font-size: 13px" id="price">100000</p>
                                </td>
                            </tr>
                            <tr class="row2">
                                <td>
                                    <p style="font-size: 13px">Nhà xuất bản</p>
                                </td>
                                <td>
                                    <p style="font-size: 13px">NXB Kim Đồng</p>
                                </td>
                            </tr>


                        </tbody>
                    </table>
                    <div style="padding: 10px;">
                        <a href="#" id="themgiohang" class="link">
                            <img class="sp sp16 spregister" src="~/ImageResource/register.png"/>Đặt vào giỏ hàng</a>
                        <a href="#"  class="link">
                            <img class="sp sp16 spcart" src="~/ImageResource/cart.png"/>Xem giỏ hàng</a>
                    </div>
                </div>
                <div class="cl"></div>
            </div>
        </div>
    <div class="stickystatus">Co gi phai noi chu</div>
</div>
<div id="footer2">
    <div class="menu">
        <a href="#" title="Quay về trang chủ">Trang chủ</a> &middot;
			<a href="#" title="Vào thư viện sách">Thư viện sách</a> &middot; 
			<a href="#" title="Xem các sách nổi bật trên website">Sách nổi bật</a> &middot; 
			<a href="http://reader.vn/shop" title="Xem các sách do các thành viên bán hoặc muốn trao đổi với nhau">Bán/Trao đổi</a> &middot; 
			<!--<a href="http://reader.vn/review" title="Xem các bình luận sách của thành viên">Bình luận sách</a> &middot;-->
        <!--<a href="http://reader.vn/quote" title="Xem các câu trích dẫn hay từ sách">Trích dẫn sách</a> &middot;-->
        <!--<a href="http://reader.vn/sample" title="Các trích đoạn giới thiệu sách">Trích đoạn</a> &middot;-->
        <a href="http://reader.vn/member" title="Các thành viên trên website">Thành viên</a> &middot; 
			<a href="http://reader.vn/forgotpass" title="Nhấn vào đây nếu bạn quên mật khẩu của tài khoản">Quên mật khẩu</a> &middot;
            <a href="http://reader.vn/help" title="Xem một số hướng dẫn về hệ thống Reader.vn">Hướng dẫn</a> &middot; 
			<!--<a href="http://reader.vn/help/ads">Qu&#7843;ng c&#225;o</a> &middot; -->
        <!--<a href="http://reader.vn/help/relax">Tr&#242; ch&#417;i - Gi&#7843;i tr&#237;</a> &middot; -->
        <a href="http://reader.vn/contact" title="Liên hệ với chúng tôi">Liên hệ</a>

    </div>
    <div id="copyright">2013 &copy; iBook.vn. Bản quyền thuộc về nhóm đồ án 0912339 - 0912367 Trường ĐH Khoa Học Tự Nhiên</div>
</div>
<!-- end #footer -->

